<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>战队数据</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../fonts/iconfont.css">
    <link rel="stylesheet" href="../../css/public.css">
    <link rel="stylesheet" href="../../css/vp-data.css">
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/bootstrap.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <div class="wrap">
        <div id="header">
            <div class="header">
                <div class="container">
                    <a href="http://www.vpgame.com"><div class="logo"></div></a>
                    <div class="language dropdown pull-right">
                        <a class="btn-link" data-toggle="dropdown" data-hover="dropdown" aria-haspopup="true" aria-expanded="true">
                            <i class="                                        country-cn
                                     active country-icon">
                            </i>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="/match.html?lang=en_us">
                                    <i class="country-icon country-gb"></i>English(英语)
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div id="user-welcome">    <div class="pull-left mt-10 un-login">
                        <a href="/login.html" class="mr-20">登录</a>
                        <a href="/register.html" class="mr-20">注册新用户</a>
                    </div>
                        <script>

                            if($){
                                $('#user-menu-panel').dropdownHover();
                            }
                        </script></div>
                </div>
            </div>
            <div class="nav">
                <div class="container ">
                    <ul>
                        <li class="first ">
                            <a href="http://www.vpgame.com"><p><i class="index-icon"></i></p>首页</a>
                        </li>
                        <li class="active">
                            <a href="http://dota2.vpgame.com/guess.html"><p><i class="spinach-icon"></i></p>DOTA2竞猜</a>
                        </li>
                        <li>
                            <a href="http://dota2.vpgame.com/match.html?category=csgo"><p><i class="csgo-spinach-icon"></i></p>CS:GO竞猜</a>
                        </li>


                        <li>
                            <a href="http://dota2.vpgame.com/league.html">
                                <p>
                                    <i class="hall-icon"></i>
                                </p>
                                赛事                                    </a>
                        </li>
                        <li>
                            <a href="http://market.vpgame.com"><p><i class="market-icon"></i></p>饰品市场</a>
                        </li>
                        <li>
                            <a href="http://dota2.vpgame.com/event/dota.html"><p><i class="news-icon"></i></p>V视角</a>
                        </li>
                        <li>
                            <a href="http://dota2.vpgame.com/roll.html"><p><i class="roll-icon"></i></p>ROLL饰品</a>
                        </li>
                        <li class="last ">
                            <a href="/user/my.html"><p><i class="user-icon"></i></p>我的VP</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="bodyer">
            <div class="vp-data-nav">
                <div class="container">
                    <ul>
                        <li class="active"><a href="###">首页</a></li>
                        <li class=""><a href="###">战队</a></li>
                        <li class=""><a href="###">赛事</a></li>
                        <li class=""><a href="###">玩家</a></li>
                    </ul>
                </div>
            </div>
            <div class="container">
                <!---------------------头部战队信息------------------------>
                <div class="clearfix text-center">
                    <div class="team-data-teamIntro clearfix">
                        <div class="team-data-teamIntro-teamLogo pull-left">
                            <img src="../../img/vp-data/team-data/team-data-lgd-teamLogo.png" alt="" width="152" height="92">
                        </div>
                        <div class="pull-left">
                            <p class="text-left">
                                <span class="team-data-teamIntro-teamName">LGD Gaming<i class="country-cn"></i></span>
                                <span class="team-data-teamIntro-teamHistory">队史：2012.06.03 至今</span>
                            </p>
                            <p class="team-data-teamText">
                                LGD电子竞技俱乐部（LGDGaming）成立于2009年，俱乐部Logo标志以简洁红色为主调，代表追求梦想与激情，图案简洁连贯，
                                似一条中国龙，是幸运和成功的标志。
                            </p>
                        </div>
                        <div class="pull-left team-data-teamDetail pull-left">
                            <ul class="f0 team-data-rankingList ml20">
                                <li class="f0">
                                    <span class="separate-border"></span>
                                    <div class="world-ranking">
                                        <p class="f12">世界排名</p>
                                        <p class="world-ranking-detail font-yellow">26</p>
                                    </div>
                                </li>
                                <li class="f0">
                                    <span class="separate-border"></span>
                                    <div class="world-ranking">
                                        <p class="f12">赛区排名</p>
                                        <p class="world-ranking-detail font-blue">26</p>
                                    </div>
                                </li>
                                <li class="f0">
                                    <span class="separate-border"></span>
                                    <div class="world-ranking">
                                        <p class="f12">MMR</p>
                                        <p class="world-ranking-detail font-orange">26</p>
                                    </div>
                                </li>
                                <li class="f0">
                                    <span class="separate-border"></span>
                                    <div class="world-ranking">
                                        <p class="f12">近期胜利</p>
                                        <p class="world-ranking-detail font-green">26</p>
                                    </div>
                                </li>
                                <li class="f0">
                                    <span class="separate-border"></span>
                                    <div class="world-ranking">
                                        <p class="f12">近期失败</p>
                                        <p class="world-ranking-detail font-red">26</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!---------------------------队员-------------------------------->
                <div class="team-data-teamPlayers clearfix" style="width: 100%">
                    <div class="players-wrap ellipsis">
                        <ul class="team-data-teamPlayers-img f0 clearfix">
                            <div class="border-bg left"></div>
                            <div class="border-bg right"></div>
                            <li>
                                <img src="../../img/vp-data/team-data/team-data-lgd-teamLogo.png" alt="" width="57" height="57">
                                <p>Agressif</p>
                            </li>
                            <li>
                                <img src="../../img/vp-data/team-data/team-data-lgd-teamLogo.png" alt="" width="57" height="57">
                                <p>Agressif</p>
                            </li>
                            <li>
                                <img src="../../img/vp-data/team-data/team-data-lgd-teamLogo.png" alt="" width="57" height="57">
                                <p>Agressif</p>
                            </li>
                            <li>
                                <img src="../../img/vp-data/team-data/team-data-lgd-teamLogo.png" alt="" width="57" height="57">
                                <p>Agressif</p>
                            </li>
                            <li>
                                <img src="../../img/vp-data/team-data/team-data-lgd-teamLogo.png" alt="" width="57" height="57">
                                <p>Agressif</p>
                            </li>
                            <li>
                                <img src="../../img/vp-data/team-data/team-data-lgd-teamLogo.png" alt="" width="57" height="57">
                                <p>Agressif</p>
                            </li>
                            <li>
                                <img src="../../img/vp-data/team-data/team-data-lgd-teamLogo.png" alt="" width="57" height="57">
                                <p>Agressif</p>
                            </li>
                            <li>
                                <img src="../../img/vp-data/team-data/team-data-lgd-teamLogo.png" alt="" width="57" height="57">
                                <p>Agressif</p>
                            </li>

                        </ul>
                    </div>
                </div>
                <!-----------------------------详细数据---------------------------------->
                <div class="team-data-teamAllData">
                    <ul class="team-data-teamAllData-list text-center f0">
                        <li>
                            <p class="ranking-title">比赛场次</p>
                            <p class="ranking-detail">1215</p>
                        </li>
                        <li>
                            <p class="ranking-title">胜率</p>
                            <p class="ranking-detail">89.12%</p>
                        </li>
                        <li>
                            <p class="ranking-title">场均KDA（K/D/A）</p>
                            <p class="ranking-detail">
                                3.5(<span class="font-green f14">5.6</span>/<span class="font-red f14">8.6</span>/<span class="font-yellow f14">12.5</span>)
                            </p>
                        </li>
                        <li>
                            <p class="ranking-title">场均游戏时长</p>
                            <p class="ranking-detail">45 min</p>
                        </li>
                        <li>
                            <p class="ranking-title">场均GPM</p>
                            <p class="ranking-detail">652</p>
                        </li>
                        <li>
                            <p class="ranking-title">场均XPM</p>
                            <p class="ranking-detail">652</p>
                        </li>
                        <li>
                            <p class="ranking-title">场均真眼</p>
                            <p class="ranking-detail">4.6</p>
                        </li>
                        <li>
                            <p class="ranking-title">场均假眼</p>
                            <p class="ranking-detail">7.2</p>
                        </li>
                        <li>
                            <p class="ranking-title">场均开雾</p>
                            <p class="ranking-detail">3.2</p>
                        </li>
                    </ul>
                </div>
                <!----------------------------------战队数据------------------------------------->
                <div class="team-data-gameTitle text-center clearfix">
                    战队数据
                    <b></b>
                    <b></b>
                </div>
                <!-----------------------------------战队数据tab---------------------------------->
                <div class="team-data-tabs">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs team-data-nav-tabs mb20" role="tablist">
                        <li role="presentation"><a href="#overview" aria-controls="overview" role="tab" data-toggle="tab">概览</a></li>
                        <li role="presentation"><a href="#game-progress" aria-controls="game-progress" role="tab" data-toggle="tab">赛程</a></li>
                        <li role="presentation"><a href="#bp" aria-controls="bp" role="tab" data-toggle="tab">B/P</a></li>
                        <li role="presentation"><a href="#line-up" aria-controls="line-up" role="tab" data-toggle="tab">阵容</a></li>
                        <li role="presentation"><a href="#hallOfFame" aria-controls="hallOfFame" role="tab" data-toggle="tab">荣誉殿堂</a></li>
                        <li role="presentation" class="active"><a href="#viewControl" aria-controls="viewControl" role="tab" data-toggle="tab">视野控制</a></li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <!---------------------------概览------------------------------>
                        <div role="tabpanel" class="tab-pane" id="overview">
                            <!--近期胜率曲线和能力评估-->
                            <div class="clearfix mb20">
                                <!--近期胜率曲线-->
                                <div class="team-data-recentRateCurve pull-left">
                                    <h5 class="team-data-recentRateCurve-title"><i></i>近期胜率曲线</h5>
                                    <div class="">
                                        <!-- Nav tabs -->
                                        <ul class="nav nav-tabs team-data-recentRateCurve-tabs" role="tablist">
                                            <li role="presentation" class="active"><a href="#oneMonth" aria-controls="oneMonth" role="tab" data-toggle="tab">近1个月</a></li>
                                            <li role="presentation"><a href="#twoMonth" aria-controls="twoMonth" role="tab" data-toggle="tab">近2个月</a></li>
                                            <li role="presentation"><a href="#threeMonth" aria-controls="threeMonth" role="tab" data-toggle="tab">近3个月</a></li>
                                        </ul>
                                    </div>

                                    <!-- Tab panes -->
                                    <div class="tab-content">
                                        <div role="tabpanel" class="tab-pane active" id="oneMonth">...</div>
                                        <div role="tabpanel" class="tab-pane" id="twoMonth">...</div>
                                        <div role="tabpanel" class="tab-pane" id="threeMonth">...</div>
                                    </div>
                                </div>
                                <!--能力评估-->
                                <div class="team-data-capabilityAssessment pull-right">
                                    <h5 class="team-data-capabilityAssessment-title"><i></i>能力评估</h5>
                                </div>
                            </div>
                            <!-----------打法风格--------->
                            <div class="team-data-styleOfPlay mb20 text-left">
                                <h5 class="team-data-styleOfPlay-title"><i></i>打法风格</h5>
                                <ul class="team-data-styleOfPlay-list f0">
                                    <li>
                                        <p class="team-data-styleOfPlay-textIntro clearfix">
                                            <span class="pull-left f14">凶残</span>
                                            <span class="pull-right f14">A+</span>
                                        </p>
                                        <div class="team-data-styleOfPlay-grade f0">
                                            <b class="red"></b>
                                            <b></b>
                                            <b></b>
                                            <b></b>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="team-data-styleOfPlay-textIntro clearfix">
                                            <span class="pull-left f14">激进</span>
                                            <span class="pull-right f14">A+</span>
                                        </p>
                                        <div class="team-data-styleOfPlay-grade f0">
                                            <b class="yellow"></b>
                                            <b></b>
                                            <b></b>
                                            <b></b>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="team-data-styleOfPlay-textIntro clearfix">
                                            <span class="pull-left f14">艺术</span>
                                            <span class="pull-right f14">A+</span>
                                        </p>
                                        <div class="team-data-styleOfPlay-grade f0">
                                            <b class="blue"></b>
                                            <b></b>
                                            <b></b>
                                            <b></b>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="team-data-styleOfPlay-textIntro clearfix">
                                            <span class="pull-left f14">稳重</span>
                                            <span class="pull-right f14">A+</span>
                                        </p>
                                        <div class="team-data-styleOfPlay-grade f0">
                                            <b class="purple"></b>
                                            <b></b>
                                            <b></b>
                                            <b></b>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-------------三种比例------------->
                            <div class="mb20">
                                <ul class="team-data-threeRate-list clearfix">
                                    <li>
                                        <h5 class="team-data-economicRate-title"><i></i>经济比例</h5>
                                    </li>
                                    <li>
                                        <h5 class="team-data-hurtRate-title"><i></i>伤害比例</h5>
                                    </li>
                                    <li>
                                        <h5 class="team-data-killRate-title"><i></i>击杀比例</h5>
                                    </li>
                                </ul>
                            </div>
                            <!---------英雄战绩和眼位分析-------->
                            <div class="clearfix mb20">
                                <div class="pull-left team-data-heroRecord">
                                    <h5 class="team-data-heroRecord-title"><span class="blue">Pick</span> 英雄战绩</h5>
                                    <h5 class="team-data-heroRecord-title">被 <span class="red">Ban</span> 英雄战绩</h5>
                                </div>
                                <div class="pull-right team-data-eyeAnalysis">
                                    <h5 class="team-data-eyeAnalysis-title"><i></i>眼位分析</h5>
                                    <div class="team-data-eyeAnalysis-mapWrap clearfix">
                                        <div class="team-data-eyeAnalysis-map pull-left"></div>
                                        <div class="pull-left">
                                            <ul class="team-data-eyeAnalysis-rightTabs">
                                                <li><a href="">0-6分钟眼位</a></li>
                                                <li><a href="">0-6分钟眼位</a></li>
                                                <li><a href="">0-6分钟眼位</a></li>
                                                <li><a href="">0-6分钟眼位</a></li>
                                                <li><a href="">0-6分钟眼位</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-----------三个模块---------->
                            <div class="team-data-heroCombination">
                                <!--------------常用英雄组合-------------->
                                <h5 class="team-data-heroCombination-title text-left"><i></i>常用英雄组合</h5>
                                <table class="vp-data-table table team-data-heroCombination text-center">
                                    <thead>
                                        <tr>
                                            <th width="20%">常用组合</th>
                                            <th width="11%">胜</th>
                                            <th width="8%">负</th>
                                            <th width="10%">KDA</th>
                                            <th>时间</th>
                                            <th>联赛</th>
                                            <th>比赛ID</th>
                                            <th>对阵</th>
                                            <th>比赛结果</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="hero-equipment f0">
                                                    <img src="http://thumb.vpgamecdn.com/file/item_armlet_lg.png" width="44" height="25" alt="莫尔迪基安的臂章">
                                                    <img src="http://thumb.vpgamecdn.com/file/item_phase_boots_lg.png" width="44" height="25" alt="相位鞋">
                                                    <img src="http://thumb.vpgamecdn.com/file/item_yasha_lg.png" width="44" height="25" alt="夜叉">
                                                </div>
                                            </td>
                                            <td class="text-kill">
                                                100
                                            </td>
                                            <td class="text-death">
                                                40
                                            </td>
                                            <td><span class="text-kill">8</span> / <span class="text-death">5</span> / <span class="text-assist">12</span></td>
                                            <td>三天前</td>
                                            <td>上海特竞赛</td>
                                            <td>2123341414</td>
                                            <td>fanticv</td>
                                            <td class="text-kill">胜利</td>
                                        </tr>
                                        <tr class="even">
                                            <td>
                                                <div class="hero-equipment f0">
                                                    <img src="http://thumb.vpgamecdn.com/file/item_armlet_lg.png" width="44" height="25" alt="莫尔迪基安的臂章">
                                                    <img src="http://thumb.vpgamecdn.com/file/item_phase_boots_lg.png" width="44" height="25" alt="相位鞋">
                                                    <img src="http://thumb.vpgamecdn.com/file/item_yasha_lg.png" width="44" height="25" alt="夜叉">
                                                </div>
                                            </td>
                                            <td class="text-kill">
                                                100
                                            </td>
                                            <td class="text-death">
                                                40
                                            </td>
                                            <td><span class="text-kill">8</span> / <span class="text-death">5</span> / <span class="text-assist">12</span></td>
                                            <td>三天前</td>
                                            <td>上海特竞赛</td>
                                            <td>2123341414</td>
                                            <td>fanticv</td>
                                            <td class="text-kill">胜利</td>
                                        </tr>

                                    </tbody>
                                </table>
                                <!---------------团战分析和团战队员平均死亡时间------------------>
                                <div class="clearfix">
                                    <div class="pull-left team-data-teamAnalysis">
                                        <h5 class="team-data-teamAnalysis-title text-left"><i></i>团战分析</h5>
                                        <div class="team-data-teamAnalysis-detail">
                                            <p class="clearfix font-green">
                                                <span class="pull-left">主动团战成功率</span>
                                                <span class="pull-right">80%</span>
                                            </p>
                                            <p class="clearfix font-red">
                                                <span class="pull-left">被动团战成功率</span>
                                                <span class="pull-right">49%</span>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="pull-right team-data-playersDead">
                                        <h5 class="team-data-playersDead-title text-left"><i></i>团战队员平均死亡时间</h5>
                                        <div class="team-data-playersDead-detail"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--<div role="tabpanel" class="tab-pane" id="game-progress">...</div>-->
                        <!--<div role="tabpanel" class="tab-pane" id="bp">...</div>-->
                        <!--<div role="tabpanel" class="tab-pane" id="line-up">...</div>-->
                        <div role="tabpanel" class="tab-pane hallOfFameWrap" id="hallOfFame">
                            <div class="team-data-hallOfFame-timeLine">
                                <b></b>
                                <ul class="team-data-hallOfFame-yearList clearfix text-left">
                                    <li>
                                        <a href="">
                                            <p class="team-data-hallOfFame-year">2012</p>
                                            <span></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <p class="team-data-hallOfFame-year">2012</p>
                                            <span></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <p class="team-data-hallOfFame-year">2012</p>
                                            <span></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <p class="team-data-hallOfFame-year">2012</p>
                                            <span></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <p class="team-data-hallOfFame-year">2012</p>
                                            <span></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <p class="team-data-hallOfFame-year">即将到来</p>
                                            <span></span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="team-data-hallOfFame-honor">
                                <ul class="team-data-hallOfFame-honorList clearfix">
                                    <li class="first clearfix">
                                        <div class="hallOfFame-honorList-honorLevelWrap">
                                            <div class="hallOfFame-honorList-honorLevel pull-left">
                                            </div>
                                            <div class="hallOfFame-honorList-honorIntro pull-left text-left ml20">
                                                <p class="game-name ellipsis">第五届DOTA2国际邀请赛(TI5)</p>
                                                <p class="game-level">冠军</p>
                                            </div>
                                        </div>
                                        <div class="hallOfFame-honorList-body-gameImg">
                                            <img src="../../img/vp-data/team-data/gameImg.jpg" alt="" width="260" height="69">
                                            <b class="opacity-b"></b>
                                        </div>
                                    </li>
                                    <li class="first clearfix">
                                        <div class="hallOfFame-honorList-honorLevelWrap">
                                            <div class="hallOfFame-honorList-honorLevel pull-left">
                                            </div>
                                            <div class="hallOfFame-honorList-honorIntro pull-left text-left ml20">
                                                <p class="game-name ellipsis">第五届DOTA2国际邀请赛(TI5)</p>
                                                <p class="game-level">冠军</p>
                                            </div>
                                        </div>
                                        <div class="hallOfFame-honorList-body-gameImg">
                                            <img src="../../img/vp-data/team-data/gameImg.jpg" alt="" width="260" height="69">
                                            <b class="opacity-b"></b>
                                        </div>
                                    </li>
                                    <li class="second clearfix">
                                        <div class="hallOfFame-honorList-honorLevelWrap">
                                            <div class="hallOfFame-honorList-honorLevel pull-left">
                                            </div>
                                            <div class="hallOfFame-honorList-honorIntro pull-left text-left ml20">
                                                <p class="game-name ellipsis">第五届DOTA2国际邀请赛(TI5)</p>
                                                <p class="game-level">冠军</p>
                                            </div>
                                        </div>
                                        <div class="hallOfFame-honorList-body-gameImg">
                                            <img src="../../img/vp-data/team-data/gameImg.jpg" alt="" width="260" height="69">
                                            <b class="opacity-b"></b>
                                        </div>
                                    </li>
                                    <li class="third clearfix">
                                        <div class="hallOfFame-honorList-honorLevelWrap">
                                            <div class="hallOfFame-honorList-honorLevel pull-left">
                                            </div>
                                            <div class="hallOfFame-honorList-honorIntro pull-left text-left ml20">
                                                <p class="game-name ellipsis">第五届DOTA2国际邀请赛(TI5)</p>
                                                <p class="game-level">冠军</p>
                                            </div>
                                        </div>
                                        <div class="hallOfFame-honorList-body-gameImg">
                                            <img src="../../img/vp-data/team-data/gameImg.jpg" alt="" width="260" height="69">
                                            <b class="opacity-b"></b>
                                        </div>
                                    </li>
                                    <li class="forth clearfix">
                                        <div class="hallOfFame-honorList-honorLevelWrap">
                                            <div class="hallOfFame-honorList-honorLevel pull-left">
                                            </div>
                                            <div class="hallOfFame-honorList-honorIntro pull-left text-left ml20">
                                                <p class="game-name ellipsis">第五届DOTA2国际邀请赛(TI5)</p>
                                                <p class="game-level">冠军</p>
                                            </div>
                                        </div>
                                        <div class="hallOfFame-honorList-body-gameImg">
                                            <img src="../../img/vp-data/team-data/gameImg.jpg" alt="" width="260" height="69">
                                            <b class="opacity-b"></b>
                                        </div>
                                    </li>
                                    <li class="eighth clearfix">
                                        <div class="hallOfFame-honorList-honorLevelWrap">
                                            <div class="hallOfFame-honorList-honorLevel pull-left">
                                            </div>
                                            <div class="hallOfFame-honorList-honorIntro pull-left text-left ml20">
                                                <p class="game-name ellipsis">第五届DOTA2国际邀请赛(TI5)</p>
                                                <p class="game-level">冠军</p>
                                            </div>
                                        </div>
                                        <div class="hallOfFame-honorList-body-gameImg">
                                            <img src="../../img/vp-data/team-data/gameImg.jpg" alt="" width="260" height="69">
                                            <b class="opacity-b"></b>
                                        </div>
                                    </li>
                                    <li class="first clearfix">
                                        <div class="hallOfFame-honorList-honorLevelWrap">
                                            <div class="hallOfFame-honorList-honorLevel pull-left">
                                            </div>
                                            <div class="hallOfFame-honorList-honorIntro pull-left text-left ml20">
                                                <p class="game-name ellipsis">第五届DOTA2国际邀请赛(TI5)</p>
                                                <p class="game-level">冠军</p>
                                            </div>
                                        </div>
                                        <div class="hallOfFame-honorList-body-gameImg">
                                            <img src="../../img/vp-data/team-data/gameImg.jpg" alt="" width="260" height="69">
                                            <b class="opacity-b"></b>
                                        </div>
                                    </li>
                                    <li class="first clearfix">
                                        <div class="hallOfFame-honorList-honorLevelWrap">
                                            <div class="hallOfFame-honorList-honorLevel pull-left">
                                            </div>
                                            <div class="hallOfFame-honorList-honorIntro pull-left text-left ml20">
                                                <p class="game-name ellipsis">第五届DOTA2国际邀请赛(TI5)</p>
                                                <p class="game-level">冠军</p>
                                            </div>
                                        </div>
                                        <div class="hallOfFame-honorList-body-gameImg">
                                            <img src="../../img/vp-data/team-data/gameImg.jpg" alt="" width="260" height="69">
                                            <b class="opacity-b"></b>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane active" id="viewControl">
                            <h5 class="viewControl-title"><i></i>视野控制热区</h5>
                            <div class="f0">
                                <div class="viewControl-rate clearfix">
                                    <p class="pull-left red">每局假眼被反概率 <span>25.3%</span></p>
                                    <p class="pull-right green">每局真眼被反概率 <span>25.3%</span></p>
                                </div>
                            </div>
                            <!-- Nav tabs -->
                            <div class="viewControl-navWrap f0">
                                <ul class="viewControl-nav-tabs nav nav-tabs" role="tablist">
                                    <li role="presentation" class="active"><a href="#first-view" aria-controls="first-view" role="tab" data-toggle="tab">0-6分钟眼位</a></li>
                                    <li role="presentation"><a href="#second-view" aria-controls="second-view" role="tab" data-toggle="tab">0-6分钟眼位</a></li>
                                    <li role="presentation"><a href="#third-view" aria-controls="third-view" role="tab" data-toggle="tab">0-6分钟眼位</a></li>
                                    <li role="presentation"><a href="#forth-view" aria-controls="forth-view" role="tab" data-toggle="tab">0-6分钟眼位</a></li>
                                </ul>
                            </div>


                            <!-- Tab panes -->
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active" id="first-view">
                                    <div class="viewControlWrap clearfix">
                                        <!-- Nav tabs -->
                                        <ul class="viewControl-leftNav nav nav-tabs pull-left" role="tablist">
                                            <li role="presentation" class="active"><a href="#view-toAttack" aria-controls="view-toAttack" role="tab" data-toggle="tab">进攻眼位</a></li>
                                            <li role="presentation"><a href="#view-toDefend" aria-controls="view-toDefend" role="tab" data-toggle="tab">防守眼位</a></li>
                                            <li role="presentation"><a href="#rune-control" aria-controls="rune-control" role="tab" data-toggle="tab">神符控制</a></li>
                                            <li role="presentation"><a href="#roshan-control" aria-controls="roshan-control" role="tab" data-toggle="tab">Roshan控制</a></li>
                                            <li role="presentation"><a href="#hot-zone" aria-controls="hot-zone" role="tab" data-toggle="tab">最近10场比赛眼位热区</a></li>
                                        </ul>

                                        <!-- Tab panes -->
                                        <div class="tab-content pull-left">
                                            <div role="tabpanel" class="tab-pane active" id="view-toAttack">
                                                <div class="view-toAttack"></div>
                                            </div>
                                            <div role="tabpanel" class="tab-pane" id="view-toDefend">...</div>
                                            <div role="tabpanel" class="tab-pane" id="rune-control">...</div>
                                            <div role="tabpanel" class="tab-pane" id="roshan-control">...</div>
                                            <div role="tabpanel" class="tab-pane" id="hot-zone">...</div>
                                        </div>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="second-view">...</div>
                                <div role="tabpanel" class="tab-pane" id="third-view">...</div>
                                <div role="tabpanel" class="tab-pane" id="forth-view">...</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div id="footer">
            <div class="container">
                <div class="clearfix">
                    <a class="app-download" href="###">
                        <p>
                            下载手机端                            </p>
                        <img src="http://static.dota2.vpgcdn.com/img/vpgame-weixin.jpg" width="71" height="71" alt="">
                    </a>
                    <dl class="footer-link">
                        <dt>功能介绍</dt>
                        <dd>
                            <a href="http://dota2.vpgame.com/help/new.html?id=127&amp;lang=zh_cn">饰品竞猜</a>
                        </dd>
                        <dd>
                            <a href="http://dota2.vpgame.com/help/new.html?id=127&amp;lang=zh_cn">ROLL活动</a>
                        </dd>
                        <dd>
                            <a href="http://dota2.vpgame.com/help/new.html?id=127&amp;lang=zh_cn">赛事平台</a>
                        </dd>
                    </dl>
                    <dl class="footer-link">
                        <dt>新手帮助</dt>
                        <dd>
                            <a href="http://dota2.vpgame.com/help/new.html?id=78&amp;lang=zh_cn">竞猜教程</a>
                        </dd>
                        <dd>
                            <a href="http://www.vpgame.com/help/new.html?id=582&amp;lang=zh_cn">存取教程</a>
                        </dd>
                        <dd>
                            <a href="http://dota2.vpgame.com/help/new.html?id=85&amp;lang=zh_cn">市场教程</a>
                        </dd>
                    </dl>
                    <dl class="footer-link">
                        <dt>关于我们</dt>
                        <dd>
                            <a href="http://dota2.vpgame.com/help/new.html?id=127&amp;lang=zh_cn">VPGAME</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0);">联系我们</a>
                        </dd>
                        <dd>
                            <a href="/job" target="_bank">招贤纳士</a>
                        </dd>
                    </dl>
                    <dl class="footer-link">
                        <dt>投诉建议</dt>
                        <dd>
                            <a href="http://dota2.vpgame.com/user/ticket.html">举报不良信息</a>
                        </dd>
                        <dd>
                            <a href="http://dota2.vpgame.com/user/ticket.html">投诉玩家</a>
                        </dd>
                        <dd>
                            <a href="http://dota2.vpgame.com/user/ticket.html">意见反馈</a>
                        </dd>
                    </dl>                    </div>
                <hr>
                <div class="footer-bottom">
                    <div class="clearfix">
                        <p class="copyright">
                            Copyright©2014 <a href="http://dota2.vpgame.com">vpgame.com</a>  All rights reserved.  浙ICP备14028335号-2<br>
                            增值电信业务经营许可证：浙B2-20140286                                &nbsp;&nbsp;&nbsp;Powered by <a target="_blank" href="http://www.steampowered.com/">Steam</a>
                        </p>
                        <div class="pull-right">
                                <span class="telephone">
                                    客服热线：<i class="telephone-number" style="font-size:18px;font-family: Arial;background:none;">400-800-6676</i>

                                </span>
                                <span class="cooperate-email ml10">
                                    <span class="telephone">
                                        商务合作：
                                    </span>
                                </span>
                            <ul class="vp-share">
                                <li>
                                    <a target="_blank" href="http://weibo.com/vpgame" class="sina"></a>
                                    <a target="_blank" href="https://www.facebook.com/VPGAMEPAGE" class="facebook"></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="friendly-link">
                        <span class="pull-left">友情连接：</span>
                        <p class="friendly-link-content">
                            <a href="http://www.dota2rpg.com" target="_blank">DOTA2RPG</a>
                            <a href="http://dota2.766.com/" target="_blank">星竞界dota2</a>
                            <a href="http://fight.pcgames.com.cn/dota2/" target="_blank">太平洋游戏dota2</a>
                            <a href="http://games.sina.com.cn/dota2/index.shtml" target="_blank">新浪dota2</a>
                            <a href="http://gg.163.com/" target="_blank">易竞技</a>
                            <a href="http://dota2.178.com/" target="_blank">178dota2</a>
                            <a href="http://dota2.766.com/" target="_blank">766dota2</a>
                            <a href="http://dota2.tgbus.com/" target="_blank">巴士dota2</a>
                            <a href="http://dota2.replays.net/" target="_blank">锐派dota2</a>
                            <a href="http://www.gk99.com/" target="_blank">游戏港口</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div id="affix-nav">
            <ul class="affix-nav">
                <li class="n-qq"><a id="vpgameqq"><i class="vpgameqq-i"></i><p class="vpgameqq-text">在线客服</p></a></li><li class="n-top" id="scroll-up" title="回到顶部" style="display: none;">
                <a href="###"><i></i></a>
            </li>
            </ul>
        </div>
    </div>
</body>
</html>